<%-- 
    Document   : ShoppingCart
    Created on : 2014/4/23, 下午 04:24:28
    Author     : Gjun
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="/playdoll/js/jquery-1.10.2.min.js"></script>
        <title>JSP Page</title>
        <script type="text/javascript">
            $(function(){
                $("#ClearBtn").click(function(){
                    if(confirm("確定清空購物車?"))
                     window.location = "clearCart";
                })
                
                  $("#continueBUY").click(function(){
                      window.location = "../home";
                })
                
                 $("#Pay").click(function(){
                   
                     window.location = "Pay";
                })
                
                $("#tesst").click(function(){
                 //   $("#NewsResult").load("../WebTool/Footer.jsp",null,function(){
                        
                //           alert("ajax clear!");
                 //   });
                   
        
                    $("#price").load("../WebTool/Footer.jsp",null,function(){
                        
                           alert("ajax clear!");
                    });
                    
                });
                    
            });
                function ch(){
                  $('#ff').submit();
          /*    var obj = {
                    id : $("#qq").val()
                    };
                    alert(obj.id);*/
                    //../WebTool/Cartlist.jsp
               /*     $.ajax({
                        
                        url:"../MyIndex.jsp",
                        type:"POST",
                        data:JSON.stringify(obj),
                        contentType:"application/json",
                        success:function(){alert("ok"); },
                        error:function(){alert("failllll");}
                    
                    })*/
                      }
            
        </script>
        
        
        <style type="text/css"> 
body {  margin:0; 
		padding:0;
		font: 100%/1.4 '標楷體',Verdana, Arial, Helvetica, sans-serif;	
		background-color: #000000;			
	 }
.container  {           width:85%;
			 max-width: 1260px;/* 建議您使用最大寬度，如此版面在大型螢幕上就不致於過寬，讓行保持比較方便閱讀的長度。IE6 並不適用這項宣告。 */
			 min-width: 780px;/* 建議您使用最小寬度，如此版面在大型螢幕上就不致於過窄，讓行在側欄中保持比較方便閱讀的長度。IE6 並不適用這項宣告。 */
			 margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊。如果將 .container 的寬度設為 100%，就不需要這麼做。 */
			 color: #ffffff;
			 font-size: 14px;
			 text-align: justify;}

.header {display:block;}			 
			 
.wrappers { 
		   width:324px; 
		   height:484px; 
	  	   border:5px solid #ccc; 
		   background:#ddd;		   
		   <!--float:left;-->
		   		   
		 }
		   
.content {
		  width:600px;
		  height:650px;
		  margin-left:0px;
		  float:right;		  
		  
}
		   

#astyle {
		 width:335px;
		 height:160px;
		 margin:0;
        }
.legend {
                  color : #ffffff ;
                  font: 100%/1.4 '標楷體',Verdana, Arial, Helvetica, sans-serif;
                   font-size: 18px;
                   font-weight: bold
        }

 </style> 
      
    </head>
    <body>
  
        <div class="container">
         <div class="header">
           
         
	         <%@include  file="../WebTool/Top_bar.jsp" %>
		 <%@include  file="../WebTool/Logo.jsp" %>
		 
	</div>
                 <p> <h1 align="center">您的購物車</h1></p>
        <fieldset >
            <legend class="legend"><h1>購物車內容</h1></legend>
        <form action="getPrice" method="post" id="ff">
            <div id="price">  <%@include  file="../Shop/Cartlist.jsp" %></div>
        
        <table width="600" cellpadding="10" align="center" class="legend">
            <tr>
                <td align="center"><input type="button" id="continueBUY" value="繼續購物"></td>
                <td align="center"><input type="button" id="ClearBtn" value="清空購物車"></td>
           <td align="center"><input type="button" id="Pay" value="結帳去"></td>
            </tr>
            <tr>
                <td colspan="4" >
                    <ol>                        
                        <li>請確認您所購買的商店數量是否正確，如不購買請將數量設為" 0 " </li><br>
                        <li>金額低於 1000 元：運費 250 元，金額未滿 3000 元：運費 200元，超過 3000 元：免運費</li><br>
                        <li>總金額依四捨五入至整數</li>                       
                    </ol>
                </td>
            </tr>
        </table>
        </form>
        </fieldset>
          <%@include  file="../WebTool/Footer.jsp" %>
          
          </div>
    </body>
        
</html>
